import StopRoundedIcon from '@material-ui/icons/StopRounded';
import React from 'react';
import ToggleButton from '@material-ui/lab/ToggleButton';
import {styled} from "@material-ui/core";


export default function Stop(props) {
  // const [selected, setSelected] = React.useState(false);

  return (
    <ToggleButton
      value="check"
      // selected={selected}
      // onChange={() => {
      //   setSelected(!selected);
      // }}
      onClick={props.onReset}
      style={{border:"0", width: "80px", backgroundColor: "#F8F9FA"}}
    >
      <StopRoundedIcon/>
    </ToggleButton>
  );
}
